<template>
  <div>
    <mt-swipe :auto="4000">
      <!-- 在组件中使用v-for 循环 一定要使用key -->
      <!-- 谁使用轮播图组件  谁传递 lunbotuList -->
       <mt-swipe-item v-for='item in swipeList' :key='item.id' >
        <img :src="item.img" alt="" :class="{ full: isfull}">
      </mt-swipe-item>
    </mt-swipe>

  </div>
</template>

<script>
export default {

  data () {
    return {
    }
  },

  methods: {},

  created () {
  },
  props:['swipeList','isfull']
}
</script>

<style lang='less' scoped>
.mint-swipe {
  height: 200px;

  .mint-swipe-item {
      text-align: center;
    img {
    //   width: 100%;
      height: 100%;
    }

  }
}
.full {
    width: 100%;
}
</style>
